<template>
  <div>
    <div class="crumbs">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item><i class="el-icon-date"></i> 文件管理</el-breadcrumb-item>
        <el-breadcrumb-item>文章库管理</el-breadcrumb-item>
        <el-breadcrumb-item>关于我们</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <div class="container">
      <div class="el-icon-content">
        <router-link to="/ArticleDetails"
                     tag="div">
          <span class="iconfont file">&#xe78b;</span>
          <h5 class="item-name">国际学院概况</h5>
        </router-link>
      </div>
      <div class="el-icon-content">
        <router-link to="/ArticleDetails"
                     tag="div">
          <span class="iconfont file">&#xe78b;</span>
          <h5 class="item-name">院长寄语</h5>
        </router-link>
      </div>
      <div class="el-icon-content">
        <router-link to="/ArticleDetails"
                     tag="div">
          <span class="iconfont file">&#xe78b;</span>
          <h5 class="item-name">机构设置</h5>
        </router-link>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'AboutASPage'
}
</script>

<style scoped>
.file {
  color: rgb(255, 209, 109);
  font-size: 60px;
}
.el-icon-content {
  width: 19%;
  cursor: pointer;
  margin-bottom: 40px;
}
.item-name {
  margin-top: 10px;
  margin-left: 10px;
}
</style>